<div class="carousel slide" data-ride="carousel">
    <!--轮播图导航区域-->
    <ol class="carousel-indicators">
        <li class="active">
        </li>
        <li>
        </li>
        <li>
        </li>
    </ol>
    <!--/轮播图导航区域-->
    <!--轮播图片区域-->
    <div class="carousel-inner">
        <div class="item active">
            <img src="http://placehold.it/800x300" alt="carousel" class="slide-image">
        </div>
        <div class="item">
            <img src="http://placehold.it/800x300" alt="carousel" class="slide-image">
        </div>
        <div class="item">
            <img src="http://placehold.it/800x300" alt="carousel" class="slide-image">
        </div>
    </div>
    <!--/轮播图片区域-->
    <!--轮播图控制按钮-->
    <a href="javascript:$('.carousel').carousel('prev')" class="left carousel-control">
        <i class="glyphicon glyphicon-chevron-left">
        </i>
    </a>
    <a href="javascript:$('.carousel').carousel('next')" class="right carousel-control">
        <i class="glyphicon glyphicon-chevron-right">
        </i>
    </a>
    <!--/轮播图控制按钮-->
</div>